@CHARSET "UTF-8";

.col_left {
	position : absolute;
	left : 20px;
	width : 100px;	
}

.col_right {
	position : absolute;
	right : 20px;
	top : 520px;
	width : 100px;
}

.col_center {
	background-color : #FFF;
	border : 1px solid #000;
	border-radius : 10px;
	margin-left : 150px;
	margin-top : 15px;
	color : #000;
	padding : 5px;
}

.col_center h1 {
	color : #000;	
}

.titre_module {
	background-color : #1B22E0;
	font-size : 1.5em;
	color : #EEE;	
	margin-left : -10px;
	margin-right : -10px;
	margin-top : -10px;
	margin-bottom : 5px;
}
	
.image_illustration {
	background-color : #FFF;
	border : 1px solid #000;
	border-radius : 10px;
	height : 280px;
	width : 120px;
	padding : 10px;
	text-align : center;
	overflow: hidden;
}

.image_illustration img {
	max-width : 100px;
	max-heigth : 100px;	
}

.menu_onglets {
	width : 100%;	
}

.menu_onglets li {
	float : left;
	width : 200px;
	height : 30px;
	background-color : #1B22E0;;
}

.menu_onglets a {
	color : #FFF;
	font-size : 1.5em;	
}

.infos_perso {
	border : 1px solid #000;
	float : right;
	width : 400px;	
}


.infos_overall_text {
	color : #000; 
	font-size : 1.5em; 
	width : 250px; 
	background-color : #FFF000;
	border-radius : 10px;
	border : 1px solid #999;	
}


.divContentLightBox {
	background-color : #CCC;
}

.sliderDMI {
	border : 1px solid #FFF;
	width : 750px;
	height : 5px;
	background-color : #00FF00;	
}

.quizz {
	background-color : #EEE;
	border : 1px solid #FF0000;	
}

.contentQuizz {
	float : left;
	width : 750px;	
}

.titreQuizz {
	font-size : 2em;
	color : #FF0000;
	border-bottom : solid 3px #FF0000;
}

.mediaQuizz {
	float : left;
	padding : 5px;
	margin : 5px;
	width : 360px;	
}

.question {
	min-width : 400px;	
}

.questionQuizz {
	font-size : 1.6em;
	color : #000;	
}

.reponse1 .reponse2 .reponse3 .reponse4 {
	margin : 10px;
	height : 10px;
	width : 40px;
	backround-color : #EE0000;
	border : 1px solid #CCC;
	border-radius : 5px;	
}

.calendrier {
	float : left;
	width:1024px;
	background-color : #DDD;
	border-radius : 10px;	
}

.calendrier_header {
	height : 80px;
	border-radius : 10px 10px 0 0;
	font-size:  600%;
	color : white;
	text-align: center;
	text-shadow: 0px 0px 10px#fff;
	font-style: italic;
	padding-top : 150px;
}

.calendar_tableau {
	background-color : #DDD;
	width : 1024px;
}

.tablecalsmall {
		
}

.tablecalbig {
	height : 150px;
	width : 150px;
	background-color : #FFF;
}

.date_jour {
	font-weight: 900;	
}

.ajout_event {
	float : right;
	width:250px;
	background-color : #DDD;
	border-radius : 10px;	
}

.ajout_event_header {
	height : 80px;
	border-radius : 10px 10px 0 0;
	font-size:  600%;
	color : white;
	text-align: center;
	text-shadow: 0px 0px 10px#fff;
	font-style: italic;
	padding-top : 150px;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 29px; width: 421px;
    background: url(images/bg.gif) no-repeat top;
    padding: 15px; margin: 10px 0;
    overflow: hidden;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
    list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: url("images/lava.gif") no-repeat right -30px;
    width: 9px; height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLamp li.back .left {
	background: url("images/lava.gif") no-repeat top left;
    height: 30px;
    margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font: bold 14px arial;
    color: #fff; outline: none;
    text-align: center;
    height: 30px; top: 7px;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
}

.dossiersLeft {
	left : 0;
	float : left;
	width : 300px;
	height : 800px;
}

.dossiersRight {
	position : absolute;
	right : 15px;
	width : 350px;
	float : right;
	background:#DDD;
	padding:5px 10px;
	border-radius: 15px;
	text-shadow: 2px 1px -1px #000000;
	min-height: 132px;
	display : none;
	top : 0px;
}

.dossiersCenter {
	margin-left : 300px;
	margin-right : 400px;
	align : center;
}

.sliderMenu {
	margin-left : 50px;	
}

#dossiersDiv ul {
	list-style:none;
	width:100%;
	margin:0px auto;
	padding:0px;
}

#dossiersDiv ul li {
	margin:10px 0px;
	width:100%;
	background:#DDD;
	padding:5px 10px;
	border-radius: 15px;
	text-shadow: 2px 1px -1px #000000;
	min-height: 132px;
}

#dossiersDiv ul li p {
	margin-left : 140px;
	padding:5px 10px;
	text-shadow: 2px 1px -1px #000000;
}

#dossiersDiv ul li span {
	font-size: xx-small;
	margin-left : 50px;
	color : #000000;
	font-style: italic;	
}

#dossiersDiv ul li h3 {
	margin-top : 0px;
	margin-left : 140px;
}

.loading {
	background:#c1c39a;
	color:#303030;
	font-size:20px;
	padding:5px 10px;
	text-align:center;
	width:450px;
	margin:0px auto;
	display:none;
	border-radius: 5px;
}